﻿/* DiXon - JavaScript Client Pages
 * (C) 2008 by Artem Ploujnikov
 *
 * A stylesheet enhancement that displays the
 * documentation so that it always fits in a browser
 * window with a scroll bar in the #body element, which
 * is placed immediately below the header.
 *
 * This type of positioning can throw off layout renderers
 * that are not based on browsers and/or full-featured, such
 * as Visual Studio's designer or an email client.
 */

body
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}

#header
{
    position: absolute;
    top: 10px;
    left: 10%;
    right: 10%;
}

#body
{
    overflow: scroll;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 100px;
    bottom: 100px; 

}

#footer 
{
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
}
